body {
	margin: 0;
	height: 100%;
}
#loading {
	position: fixed;
	z-index: 2000;
	width: 94px;
	height: 94px;
	display: block;
	left: 50%;
	top: 10px;
	margin-left: -47px;
	transition: 0.2s;
	background-color: #FFF;
	border-radius: 50%;
	box-sizing: border-box;
	padding: 15px;
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.16), 0px 2px 10px 0px rgba(0, 0, 0, 0.12);
}
#loading.hide {
	top: -100px;
}
#loading_bg {
	position: fixed;
	z-index: 1999;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(255, 255, 255, 0.5)
}
#main {
	display: block;
	margin-top: 15px;
	max-width: 800px;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	max-height: none;
	overflow: hidden;
}
#main > .modal-content {
	padding: 0;
	height: 100%
}
#main > .modal-content > div {
	display: none;
}
#main #title {
	margin: 0;
	height: 100px;
	padding: 24px;
	box-sizing: border-box;
}
#mainul {
	margin: 0;
	height: calc(100% - 100px);
}
#mainul > li.active {
	height: calc(100% - 184px);
}
.collapsible-body {
	padding: 2rem;
	height: calc(100% - 46px);
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: scroll;
}
.collapsible-body p {
	padding: 5px;
}
.row {
	margin: 0;
}
.btn {
	margin-right: 5px;
}


@media only screen and (max-width : 601px) {
	.row .col {
		width: 100% !important;
		margin-bottom: 5px
	}
}